<template>
	<view>
		<view class="goodslist">
			<score-good :good="item" v-for="(item,index) in list" :key="index"></score-good>
		</view>
		
	</view>
</template>

<script>
	import ScoreGood from "@/components/ScoreGood/ScoreGood.vue"
	export default {
		data() {
			return {
				list: [
					{
						thumb: "/static/score1.jpg",
						title: "润琇氨基酸洁面泡沫",
						score: "98",
						price: "9.90",
						scored: 0
					},
					{
						thumb: "/static/score1.jpg",
						title: "润琇氨基酸洁面泡沫",
						score: "98",
						price: "9.90",
						scored: 0
					},
					{
						thumb: "/static/score1.jpg",
						title: "润琇氨基酸洁面泡沫",
						score: "98",
						price: "9.90",
						scored: 0
					}
				]
			};
		},
		components: {
			ScoreGood
		}
	}
</script>

<style lang="scss">
	.goodslist{
		width: 710upx;
		margin: 10upx auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
</style>
